<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column label="商品操作">
      <template slot-scope="scope">
        <el-checkbox v-model="scope.row.checked">
          {{ scope.row.type }}
        </el-checkbox>
      </template>
    </el-table-column>
    <el-table-column label="账期生效规则" width="340px">
      <template slot-scope="scope">
        <el-checkbox-group v-model="scope.row.checkList" :max="1">
          <el-checkbox label="当日生效"></el-checkbox>
          <el-checkbox label="次日生效"></el-checkbox>
          <br />
          <el-checkbox label="当月生效"></el-checkbox>
          <el-checkbox label="下月生效"></el-checkbox>
        </el-checkbox-group>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { type: '业务受理', checked: '', checkList: [] },
        { type: '业务注销', checked: '', checkList: [] }
      ]
    }
  }
}
</script>

<style lang="scss" scoped></style>
